﻿@model PrettyGallery.ViewModels.ViewPrettyGalleryViewModel

<article class="pretty-gallery content-item">
    <header>
    </header>
    @if (!string.IsNullOrEmpty((string)Model.Description)) {
        <div class="galleryDescription" style="width:140px;text-align:right;padding-top:15px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 20px;color:#777777;">@Model.Description</div>   
    }
    <ul class="icons" style="padding-left:102px;">
        @foreach(var item in Model.MediaFiles)
        {
        <li>
            <div class="thumbnail" style="width:@(Model.ThumbnailWidth)px;height:@(Model.ThumbnailHeight+20)px;border:0px">
                <!-- <a href="@item.Url" rel="prettyPhoto@(Model.GalleryId)" title="@item.Description"> -->
                    <img id="@item.Title" src="@item.ThumbnailUrl" alt="@item.Title" onclick="$('#imagepreview').attr('src', $('#@item.Title').attr('src').replace('Thumbnails/150x150/', ''));$('#imagemodal').modal('show');"/>
                <!-- </a> -->
            <div class="mediaTitle">@item.Title</div></div>
        </li>
        }
    </ul>
</article>

